<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>${user.name} (${user.screen_name})</title>
<link rel="stylesheet" href="/static/css/blueprint/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="/static/css/blueprint/print.css" type="text/css" media="print">
<!--[if lt IE 8]>
	<link rel="stylesheet" href="/static/css/blueprint/ie.css" type="text/css" media="screen, projection">
<![endif]-->
<link rel="stylesheet" href="/static/css/custom.css" type="text/css" media="screen, projection">
</head>
<body style="background-color:#C0DEED;">
  <div class="container">
    <div class="span-24 last" style="height:12px"></div>
    <div class="span-24 last">
      <a href="/"><img src="/static/t_logo.png" width="155" height="36" /></a>
      <span class="box-round" style="float:right; padding:6px 10px; font-size:1.1em; vertical-align:top; background-color:#fff"><a href="/">Home</a> Profile Find People Settings Help <a href="/logout">Sign out</a></span>
    </div>
    <div class="span-24 last" style="height:12px"></div>
    <div class="span-24 last box-round" style="background-color:#DDEEF6">
      <div class="span-18 box-round" style="background-color:#fff">
        <div style="padding:16px">
          <h3><img src="${user.profile_image_url}" width="48" height="48" align="absmiddle" /> ${user.screen_name}</h3>
          #if $is_me
            <div class="success">That's you!</div>
          #elif $is_friend
            <div class="info"><img src="/static/following.png" width="15" height="13" align="absmiddle" /> Following</div>
          #else
            <div class="info"><img src="/static/follow.png" width="15" height="13" align="absmiddle" /> <a href="/friend/follow?username=${user.screen_name}">Follow</a></div>
          #end if
          #for $status in $statuses
          <div style="padding:10px 0px 10px 0px; border-top:1px solid #ccc">
            $make_hyperlinks($status.text) <br/>${status.created_at}</td>
          </div>
          #end for
        </div>
      </div>
      <div class="span-6 last">
        <div style="padding:16px">
          <div style="padding:3px"><strong>Name</strong> ${user.name}</div>
          <div style="padding:3px"><strong>Location</strong> ${user.location}</div>
          <div style="padding:3px"><strong>Bio</strong> ${user.description}</div>
          <table width="100%" border="0" cellspacing="3" cellpadding="0">
            <tr>
              <td width="33%"><a href="/following"><span style="font-size:1.5em; font-weight:bold">${user.friends_count}</span><br />following</a></td>
              <td width="33%"><a href="/followers"><span style="font-size:1.5em; font-weight:bold">${user.followers_count}</span><br />followers</a></td>
              <td width="33%"><a href="/lists?name=${user.screen_name}"><span style="font-size:1.5em; font-weight:bold">${user.favourites_count}</span><br />listed</a></td>
            </tr>
          </table>
          <h3>Following</h3>
          <div>
          #for $f in $friends
            <a href="/${f.screen_name}"><img title="${f.name}" src="${f.profile_image_url}" width="24" height="24" /></a>
          #end for
          </div>
        </div>
      </div>
    </div>
    <div class="span-24 last" style="height:24px"></div>
    <div class="span-24 last" style="text-align:center">A twitter app powered by Python &amp; AppEngine. Copyright&copy;2010. Author: <a href="mailto:askxuefeng@gmail.com">Michael Liao</a></div>
    <div class="span-24 last" style="height:24px"></div>
  </div>
</body>
</html>
